cody - HTMLify profile
cody
4270 Files
632080 Views
Latest files of /cody/vishal-dcode/GSAP Overlay Menu
app.js
cody/vishal-dcode/GSAP Overlay Menu/app.js
const tl = gsap.timeline({
paused: true,
});
let path = document.querySelector("path");
let spanBefore = CSSRulePlugin.getRule("#hamburger .line-2");
gsap.set(spanBefore, { background: "#000" });
gsap.set(".menu", { visibility: "hidden" });
paused: true,
});
let path = document.querySelector("path");
let spanBefore = CSSRulePlugin.getRule("#hamburger .line-2");
gsap.set(spanBefore, { background: "#000" });
gsap.set(".menu", { visibility: "hidden" });
style.css
cody/vishal-dcode/GSAP Overlay Menu/style.css
@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Playfair+Display&display=swap";
:root {
--clr-bg: #e5e3dc;
--clr-overlay-bg: #141414;
--clr-link: #e5e3dc;
}
* {
margin: 0;
:root {
--clr-bg: #e5e3dc;
--clr-overlay-bg: #141414;
--clr-link: #e5e3dc;
}
* {
margin: 0;
index.html
cody/vishal-dcode/GSAP Overlay Menu/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<script src="app.js" defer></script>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<script src="app.js" defer></script>